<template>
    <div class="tab-front borrowOrder">
        <el-tabs v-model="activeName">
            <el-tab-pane label="单据列表" name="first">
                <section-1 v-if="activeName === 'first'"/>
            </el-tab-pane>
            <el-tab-pane label="借款单统计表" name="second">
                <section-2 v-if="activeName === 'second'"/>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>
<script>
import section1 from './section1'
import section2 from './section2'
export default {
    components: {
        'section-1': section1,
        'section-2': section2
    },
    data() {
        return {
            activeName: 'first'
        }
    }
}
</script>
<style scoped>
    .borrowOrder {overflow-x: auto;}
</style>